<!DOCTYPE html>
<html>
	<head>
		<title>testIEEventObj</title>
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="js/EventUtil.js"></script>
		<!--<script type="text/javascript" src="js/testLoad.js"></script>-->
	</head>
	<body>
	
		<fieldset>
			<legend>01</legend>
			<div>
				<input type="button" id="myBtn01" value="myBtn01" />
			</div>
		</fieldset>
		
		<fieldset>
			<legend>02</legend>
			<div>
				<input type="button" id="myBtn02" value="myBtn02" />
			</div>
		</fieldset>
		
		<script type="text/javascript">
			var btn01 = document.getElementById('myBtn01');
			
			/*
			btn01.onclick = function(){
				alert(window.event.srcElement === this);
			};
			*/
			btn01.attachEvent('onclick',function(event){
				alert(event.srcElement === this);
			});
			
			var btn02 = document.getElementById('myBtn02');
			
			btn02.onclick = function(){
				alert('Clicked');
				window.event.cancelBubble = true;
			};
			
			document.body.onclick = function(){
				alert('Body clicked');
			};
			
		</script>
	</body>
</html>